<!DOCTYPE html>
<html>
  <head>
  	<meta charset="utf-8"/>
  	<meta name="viewport content="width=device-width"/>
  	<title>音乐排行榜</title>
    <script>
    var yinyue = new Audio();
    function changge1(){yinyue.src = "mp3/丑八怪.mp3";yinyue.play();}
    function changge2(){yinyue.src = "mp3/演员.mp3";yinyue.play();}
    function changge3(){yinyue.src = "mp3/后来.mp3";yinyue.play();}
    function changge4(){yinyue.src = "mp3/她很漂亮.mp3";yinyue.play();}
    function changge5(){yinyue.src = "mp3/阅读爱情.mp3";yinyue.play();}
    </script>
  </head>
  <body>
  	<h1>音乐排行榜</h1>
  	<ol>
  	  <li>演员&nbsp<img src="image/pic1.png" onclick="changge1()"/></li>
  	  <li>丑八怪&nbsp<img src="image/pic1.png" onclick="changge2()"/></li>
  	  <li>后来&nbsp<img src="image/pic1.png" onclick="changge3()"/></li>
  	  <li>她很漂亮&nbsp<img src="image/pic1.png" onclick="changge4()"/></li>
  	  <li>阅读爱情&nbsp<img src="image/pic1.png" onclick="changge5()"/></li>
  	</ol>
  </body>
</html>
